@CHARSET "UTF-8";

blockquote, body, button, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul {
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

html,body{height: 100%;margin:0}
html {background-color: #f2f2f2;color: #666;}
body{line-height: 24px;font: 14px Helvetica Neue,Helvetica,PingFang SC,\5FAE\8F6F\96C5\9ED1,Tahoma,Arial,sans-serif;}

.login{position: relative;left: 0;top: 0;padding: 90px 0;min-height: 100%;box-sizing: border-box}
.main{width: 375px;margin: 0 auto;box-sizing: border-box;}

.title{padding: 20px;text-align:center;font-weight:300;color:#999;font-size:30px;}
.login-body{padding:20px}
.item{position: relative;margin-bottom: 15px;clear: both;}
.label{position: absolute;
    left: 1px;
    top: 1px;
    width: 38px;
    line-height: 36px;
    text-align: center;font-family: layui-icon!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    color: #d2d2d2;font-family: layui-icon!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;}
.text{display: block;width: 100%;height: 38px;line-height: 1.3;border-width: 1px;
    border-style: solid;background-color: #fff;border-radius: 2px;    border-color: #e6e6e6;
    padding-left:40px;    outline: 0;
    -webkit-appearance: none;
    transition: all .3s;
    -webkit-transition: all .3s;
    box-sizing: border-box;}
    
.label:before {content: "\e66f";}

.guohui{width:80%;margin:0 auto;text-align: center;}


.btn{width:100%;    display: inline-block;
    height: 38px;
    line-height: 38px;
    padding: 0 18px;
    background-color: #009688;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    border: none;
    border-radius: 2px;
    cursor: pointer;outline: 0;
    -webkit-appearance: none;
    transition: all .3s;
    -webkit-transition: all .3s;
    box-sizing: border-box}
    
    .btn:HOVER{background-color:#30a89d;color:#ecf6f5}
    
    
    .checkbox{width: 16px;
    height: 16px;
    line-height: 16px;
    border: 1px solid #d2d2d2;
    font-size: 12px;
    border-radius: 2px;
    background-color: #fff;font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    outline: 0;vertical-align: middle;cursor: pointer;}
    
    .ac{float: right;color: #029789!important;text-decoration: none;}
    .ac:HOVER {color:#31a99d !important}
    
    
    .tip{z-index: 1;position:absolute;top:50%;left:50%;height:38px;width:100px;padding:0 18px;
    margin-top:-20px; border: 1px solid #d2d2d2;background-color: #fff;color:red;line-height:38px
    ;margin-left:-50px;text-align: center;border-radius: 20px;opacity: 0.8;}
    
    .required{border: 1px solid red;}
    